var list1 = document.querySelector('#all-ul')
var data = [{
    "ddd": "nr-yes",
    "num": "剩余 57%",
    "title": "[部落战联盟]特权礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/1/30/208252047.png",
    "lh": "领号"
}, {
    "ddd": "nr-yes",
    "num": "剩余 61%",
    "title": "[部落战联盟]新手礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/1/30/208252047.png",
    "lh": "领号"
}, {
    "ddd": "nr-yes",
    "num": "剩余 82%",
    "title": "[朕的江山]新手礼包",
    "img": "http://image.9game.cn/s/9game/g/2019/6/13/84058801.png",
    "lh": "领号"
}, {
    "ddd": "nr-yes",
    "num": "剩余 95%",
    "title": "[帝王·三国]631区新手礼包",
    "img": "http://image.game.uc.cn/2016/4/1/12860805.png",
    "lh": "领号"
}]
var sky1 = ''
data.map(itme => {
    sky1 += `<li>
    <div class="number-imgs">
        <a href="" class="number-q">
            <img src="${itme.img}" alt="">
            <span></span>
        </a>
    </div>
    <a href="">
        <strong class="state">${itme.title}</strong>
    </a>
    <p class="number-p">${itme.num}</p>
    <a class="number-dd ${itme.ddd}" href="">${itme.lh}</a>
</li>`
})
list1.innerHTML = sky1


var list2 = document.querySelector('#all-ul1')
var arr1 = [{
    "ddd": "nr-yes",
    "num": "剩余 90%",
    "title": "[银河战舰]新手礼包",
    "img": "http://image.9game.cn/s/9game/g/2019/8/28/93346716.png",
    "lh": "领号"
}, {
    "ddd": "nr-yes",
    "num": "剩余 37%",
    "title": "[部落战联盟]豪华礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/1/30/208252047.png",
    "lh": "领号"
}, {
    "ddd": "nr-lan",
    "num": "已有5人预订",
    "title": "[斗魂大陆]内测豪礼",
    "img": "http://image.9game.cn/s/9game/g/2021/2/7/212959702.png",
    "lh": "预订"
}, {
    "ddd": "nr-yes",
    "num": "剩余 78%",
    "title": "[百世文华录]春节节日礼包",
    "img": "http://image.9game.cn/s/9game/g/2020/12/15/190914837.gif",
    "lh": "领号"
}]
var sky2 = ''
arr1.map(itme => {
    sky2 += `<li>
    <div class="number-imgs">
        <a href="" class="number-q">
            <img src="${itme.img}" alt="">
            <span></span>
        </a>
    </div>
    <a href="">
        <strong class="state">${itme.title}</strong>
    </a>
    <p class="number-p">${itme.num}</p>
    <a class="number-dd ${itme.ddd}" href="">${itme.lh}</a>
</li>`
})
list2.innerHTML = sky2


var list3 = document.querySelector('#all-ul2')
var arr2 = [{
    "ddd": "nr-yes",
    "num": "剩余 85%",
    "title": "[小冰冰传奇]新手礼包",
    "img": "http://image.9game.cn/s/9game/g/2020/10/15/181503544.png",
    "lh": "领号"
}, {
    "ddd": "nr-yes",
    "num": "剩余 77%",
    "title": "[小冰冰传奇]特权礼包",
    "img": "http://image.9game.cn/s/9game/g/2020/10/15/181503544.png",
    "lh": "领号"
}, {
    "ddd": "nr-yes",
    "num": "剩余 93%",
    "title": "[暴打魏蜀吴]新手礼包",
    "img": "http://image.9game.cn/s/9game/g/2017/12/12/18828932.png",
    "lh": "领号"
}, {
    "ddd": "nr-yes",
    "num": "剩余 100%",
    "title": "[剑勤四海]新手礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/2/1/209084718.png",
    "lh": "领号"
}]
var sky3 = ''
arr2.map(itme => {
    sky3 += `<li>
    <div class="number-imgs">
        <a href="" class="number-q">
            <img src="${itme.img}" alt="">
            <span></span>
        </a>
    </div>
    <a href="">
        <strong class="state">${itme.title}</strong>
    </a>
    <p class="number-p">${itme.num}</p>
    <a class="number-dd ${itme.ddd}" href="">${itme.lh}</a>
</li>`
})
list3.innerHTML = sky3


var list4 = document.querySelector('#all-ul3')
var arr3 = [{
    "ddd": "nr-yes",
    "num": "剩余 63%",
    "title": "[乱煮江湖]新手通用礼包码",
    "img": "http://image.9game.cn/s/9game/g/2021/2/4/211067823.gif",
    "lh": "领号"
}, {
    "ddd": "nr-yes",
    "num": "剩余 97%",
    "title": "[无双之王]预约礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/2/9/214538962.png",
    "lh": "领号"
}, {
    "ddd": "nr-yes",
    "num": "剩余 60%",
    "title": "[口袋觉醒]情人节礼包",
    "img": "http://image.9game.cn/s/9game/g/2020/12/4/187597525.png",
    "lh": "领号"
}, {
    "ddd": "nr-yes",
    "num": "剩余 40%",
    "title": "[口袋觉醒]新年欢乐礼包",
    "img": "http://image.9game.cn/s/9game/g/2020/12/4/187597525.png",
    "lh": "领号"
}]
var sky4 = ''
arr3.map(itme => {
    sky4 += `<li>
    <div class="number-imgs">
        <a href="" class="number-q">
            <img src="${itme.img}" alt="">
            <span></span>
        </a>
    </div>
    <a href="">
        <strong class="state">${itme.title}</strong>
    </a>
    <p class="number-p">${itme.num}</p>
    <a class="number-dd ${itme.ddd}" href="">${itme.lh}</a>
</li>`
})
list4.innerHTML = sky4


var list5 = document.querySelector('#all-ul4')
var arr4 = [{
    "ddd": "nr-yes",
    "num": "剩余 96%",
    "title": "[王牌机战]元旦佳节大礼包",
    "img": "http://image.9game.cn/s/9game/g/2020/11/10/185845799.png",
    "lh": "领号"
}, {
    "ddd": "nr-yes",
    "num": "剩余 96%",
    "title": "[最高警戒]新春礼包",
    "img": "http://image.9game.cn/s/9game/g/2018/4/11/19955555.png",
    "lh": "领号"
}, {
    "ddd": "nr-yes",
    "num": "剩余 96%",
    "title": "[中餐厅]牛年春节礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/2/8/213766412.png",
    "lh": "领号"
}, {
    "ddd": "nr-yes",
    "num": "剩余0%",
    "title": "[梦想城镇]春节礼包",
    "img": "http://image.9game.cn/s/9game/g/2021/1/25/205788073.png",
    "lh": "淘号"
}]
var sky5 = ''
arr4.map(itme => {
    sky5 += `<li>
    <div class="number-imgs">
        <a href="" class="number-q">
            <img src="${itme.img}" alt="">
            <span></span>
        </a>
    </div>
    <a href="">
        <strong class="state">${itme.title}</strong>
    </a>
    <p class="number-p">${itme.num}</p>
    <a class="number-dd ${itme.ddd}" href="">${itme.lh}</a>
</li>`
})
list5.innerHTML = sky5

//新服礼包今日领取排行榜
var data2 = [{
    "fff": "rank-yes",
    "num": "1",
    "title": "[葫芦娃]新手礼包"
}, {
    "fff": "rank-yes",
    "num": "2",
    "title": "[葫芦娃]玩家礼包"
}, {
    "fff": "rank-yes",
    "num": "3",
    "title": "[家园卫士]新手礼包"
}, {
    "fff": "rank-no",
    "num": "4",
    "title": "[天谕]春节礼包"
}, {
    "fff": "rank-no",
    "num": "5",
    "title": "[游戏王：决斗链接]新手礼包"
}, {
    "fff": "rank-no",
    "num": "6",
    "title": "[葫芦娃]特权礼包"
}, {
    "fff": "rank-no",
    "num": "7",
    "title": "[天谕]新手礼包"
}, {
    "fff": "rank-no",
    "num": "8",
    "title": "[葫芦娃]新手礼包"
}, {
    "fff": "rank-no",
    "num": "9",
    "title": "[三国志幻想大陆]金牛贺岁礼包"
}, {
    "fff": "rank-no",
    "num": "10",
    "title": "[上古王冠]立春礼包"
}]
//新服礼包今日预订排行榜
var data3 = [{
    "fff": "rank-yes",
    "num": "1",
    "title": "[斗罗大陆2绝世唐门]公测预约礼包"
}, {
    "fff": "rank-yes",
    "num": "2",
    "title": "[鬼泣-巅峰之战]九游公测预约礼包"
}, {
    "fff": "rank-yes",
    "num": "3",
    "title": "《忘川风华录》阶梯预约礼包"
}, {
    "fff": "rank-no",
    "num": "4",
    "title": "[战神遗迹]公测预约礼包"
}, {
    "fff": "rank-no",
    "num": "5",
    "title": "《镇魂街：武神躯》梯度预约礼包"
}, {
    "fff": "rank-no",
    "num": "6",
    "title": "[胡莱三国3]公测预约礼包"
}, {
    "fff": "rank-no",
    "num": "7",
    "title": "《斗罗大陆-斗神再临》阶梯预约礼包"
}, {
    "fff": "rank-no",
    "num": "8",
    "title": "[萌战三国志]预约礼包"
}]